﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true"
    CodeBehind="Product.aspx.cs" Inherits="InfoStuffStore.FormProduct" %>

<%@ Register Namespace="ASPnetRater" Assembly="ASPnetRater" TagPrefix="cc" %>
<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="server">
    <div id="content">
        <h2>
            Product details
        </h2>
        <div class="col col_13">
            <div id="slider_container_2">
                <div id="SliderName_2" class="SliderName_2">
                    <% foreach (string img in this.ProdImages)
                       {%>
                    <img src='<%= img %>' style="width: 280px; height: 270px;" alt="" />
                    <% } %>
                </div>
                <div class="c">
                </div>
                <div id="SliderNameNavigation_2">
                </div>
                <div class="c">
                </div>
                <div class="c">
                </div>
            </div>
        </div>
        <div class="col col_13 no_margin_right">
            <table>
                <tr>
                    <td height="30" style="width: 93px">
                        Price:
                    </td>
                    <td class="col_16" style="width: 194px">
                        GBP <asp:Label ID="lblPrice" runat="server" Text=""></asp:Label>
                    </td>
                </tr>
                <tr>
                    <td height="30" style="width: 93px">
                        SKU:
                    </td>
                    <td class="col_16" style="width: 194px">
                        <asp:Label ID="lblSKU" runat="server" Text=""></asp:Label>
                    </td>
                </tr>
                <tr>
                    <td height="30" style="width: 93px">
                        MPN:
                    </td>
                    <td class="col_16" style="width: 194px">
                        <asp:Label ID="lblMPN" runat="server" Text=""></asp:Label>
                    </td>
                </tr>
                <tr>
                    <td height="30" style="width: 93px">
                        GTIN:
                    </td>
                    <td class="col_16" style="width: 194px">
                        <asp:Label ID="lblGTIN" runat="server" Text=""></asp:Label>
                    </td>
                </tr>
                <tr>
                    <td height="30" style="width: 93px">
                        Model:
                    </td>
                    <td class="col_16" style="width: 194px">
                        <asp:Label ID="lblModel" runat="server" Text=""></asp:Label>
                    </td>
                </tr>
                <tr>
                    <td height="30" style="width: 93px">
                        Manufacturer:
                    </td>
                    <td class="col_16" style="width: 194px">
                        <asp:Label ID="lblManufacture" runat="server" Text=""></asp:Label>
                    </td>
                </tr>
            </table>
            <br />
            <cc:Rater ID="raterTotal" Enabled="false" runat="server" ImageOff="/images/whitestar.png"
                Value="3" MaxValue="5" ImageOn="/images/ratestar.png" ToolTip="Rate this product">
            </cc:Rater>
            <div class="cleaner h20">
            </div>
        </div>
        <div class="cleaner h30">
        </div>
        <div id="productDesc1">
            <h3>
                <a href="#">Product Description</a></h3>
            <div>
                <p id="lblLongDesc" runat="server" style="height: 500px;">
                </p>
            </div>
            <h3>
                <a href="#">Product Specification</a></h3>
            <div>
                <div style="height: 500px;">
                    <asp:GridView ID="GridProductSpec" runat="server" AutoGenerateColumns="False" Width="500px"
                        ShowHeader="False" BackColor="#CCCCCC" BorderColor="#999999" BorderStyle="Solid"
                        BorderWidth="3px" CellPadding="4" CellSpacing="2" ForeColor="Black">
                        <Columns>
                            <asp:BoundField ItemStyle-Width="300px" DataField="products_types_attributes_name"
                                HeaderText="Title" />
                            <asp:BoundField DataField="presentation_value" HeaderText="Value" />
                        </Columns>
                        <FooterStyle BackColor="#CCCCCC" />
                        <HeaderStyle BackColor="Black" Font-Bold="True" ForeColor="White" />
                        <PagerStyle BackColor="#CCCCCC" ForeColor="Black" HorizontalAlign="Left" />
                        <RowStyle BackColor="White" />
                        <SelectedRowStyle BackColor="#000099" Font-Bold="True" ForeColor="White" />
                        <SortedAscendingCellStyle BackColor="#F1F1F1" />
                        <SortedAscendingHeaderStyle BackColor="#808080" />
                        <SortedDescendingCellStyle BackColor="#CAC9C9" />
                        <SortedDescendingHeaderStyle BackColor="#383838" />
                    </asp:GridView>
                </div>
            </div>
            <h3>
                <a href="#">User Reviews</a></h3>
            <div>
                <div style="height: 500px;">
                    <asp:UpdatePanel ID="pnlUpdate" runat="server" UpdateMode="Always">
                        <ContentTemplate>
                            <span>Name:</span><br />
                            <asp:TextBox ID="txtName" runat="server" Width="300px" CssClass="ui-corner-all"></asp:TextBox><br />
                            <br />
                            <span>Write Reviews:</span><br />
                            <asp:TextBox ID="txtReviews" runat="server" Width="300px" Height="70px" CssClass="ui-corner-all"
                                TextMode="MultiLine"></asp:TextBox>
                            <br />
                            <span>Your Rating: </span>
                            <cc:Rater ID="raterUser" ImageOver="/images/ratestar.png" runat="server" ImageOff="/images/whitestar.png"
                                Value="0" MaxValue="5" ImageOn="/images/ratestar.png" ToolTip="Rate this product">
                            </cc:Rater>
                            <br />
                             <asp:Button ID="btnReview" runat="server" Text="Send Review" OnClick="btnReview_Click" />
                    <hr />
                    <asp:DataList ID="GridProductReviews" Width="100%" runat="server">
                        <ItemTemplate>
                            "<span style="font-style: italic;"><%# DataBinder.Eval(Container.DataItem, "Comments")%></span>"
                            <br />
                            <span style="float:right; font-size:12px;">By <%# DataBinder.Eval(Container.DataItem, "Name")%></span>
                        </ItemTemplate>
                    </asp:DataList>
                        </ContentTemplate>
                    </asp:UpdatePanel>
                   
                </div>
            </div>
            <h3>
                <a href="#">Expert Reviews - Powered by testseek.com</a></h3>
            <div>
                <div style="height: 500px;" id="divReview" runat="server">
                </div>
            </div>
        </div>
        <div class="cleaner h50">
        </div>
        <h4>
            Other Products</h4>
            <asp:DataList ID="GridProductAlternates" runat="server" RepeatColumns="3" 
            RepeatDirection="Horizontal">
            <ItemTemplate>
                <div class="col col_14 product_gallery">
                    <a href="../Product.aspx?pid=<%# DataBinder.Eval(Container.DataItem, "products_id")%>">
                        <img src='<%# DataBinder.Eval(Container.DataItem, "external_url")%>' alt="Product image" style="width:150px; height:150px;" /></a>
                    <h3>
                        <%# DataBinder.Eval(Container.DataItem, "products_name")%></h3>
                        Manufacturer: <%# DataBinder.Eval(Container.DataItem, "BrandName")%>
                    <p class="product_price">
                        GBP <%# DataBinder.Eval(Container.DataItem, "products_price")%></p>
                    <a href="../Product.aspx?pid=<%# DataBinder.Eval(Container.DataItem, "products_id")%>" style="float:right; font-size:11px; font-weight:bold; color:Green;">More Details>></a>
                </div>
             
            </ItemTemplate>
        </asp:DataList>
        <div class="cleaner">
        </div>
    </div>
    <script type="text/javascript">
        effectsDemo2 = 'rain,stairs,fade';
        var demoSlider_2 = Sliderman.slider({ container: 'SliderName_2', width: 280, height: 270, effects: effectsDemo2,
            display: {
                autoplay: 3000,
                loading: { background: '#000000', opacity: 0.5, image: 'img/loading.gif' },
                buttons: { hide: true, opacity: 1, prev: { className: 'SliderNamePrev_2', label: '' }, next: { className: 'SliderNameNext_2', label: ''} },
                description: { hide: true, background: '#000000', opacity: 0.4, height: 50, position: 'bottom' },
                navigation: { container: 'SliderNameNavigation_2', label: '<img src="img/clear.gif" />' }
            }
        });

    </script>
    <script type="text/javascript">
        jQuery(function () {
            jQuery("#productDesc1").accordion();
            jQuery("input:submit").button();
        });
    </script>
</asp:Content>
